<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>课程</title>
    <link rel="stylesheet" href="font/iconfont.css">
    <link rel="stylesheet" href="lib/swiper/css/swiper.min.css">
    <link rel="stylesheet" href="css/global.css">
    <link rel="stylesheet" href="css/product.css">
</head>
<body>
    <!--顶部-->
    <div class="top_box">
        <div class="container">
               <div class="clearfix top_in">
                   <p class="left dec">SSM比赛报名系统</p>
                   <div class="right contact">
                        
                       <div class="other_contact contact_item">
                           <a href="javascript:;">
                               <i class="iconfont icon-qq1"></i>
                           </a>
                           <a href="javascript:;">
                               <i class="iconfont icon-weibo"></i>
                           </a>
                           <a href="javascript:;">
                               <i class="iconfont icon-weixin"></i>
                           </a>
                       </div>
                       <!-- <div class="search contact_item">
                           <a href="javascript:;"><i class="iconfont icon-11"></i></a>
                       </div> -->
                         <div class="search contact_item">
                           <a href="log.html">登录</a>
                       </div> 
                       <div class="search contact_item">
                        <a href="reg.html">注册</a>
                    </div> 
                   </div>
               </div>
        </div>
    </div>
    <!--导航-->
    <div class="top_nav_box">
        <div class="container">

            <div class="clearfix">
                <div class="logo left">
                    <a href="javascript:;">
                        <img src="images/logo.png" alt="">
                    </a>
                </div>
                <ul class="nav_list left clearfix">
                    <li class="item">
                        <a href="首页.html" class="nav_name" style="font-size: 20px;">首页</a>
                    </li>
                    <li class="item">
                        <a href="matchs.html" class="nav_name" style="font-size: 20px;">竞赛</a>
                    </li>
                    <li class="item active">
                        <a href="course.html" class="nav_name" style="font-size: 20px;">课程</a>
                    </li>
                    <li class="item">
                        <a href="news.html" class="nav_name" style="font-size: 20px;">资讯</a>
                    </li>
                    <li class="item">
                        <a href="essay.html" class="nav_name" style="font-size: 20px;">文章</a>
                        <!-- <ul class="down_list">
                            <li class="down_list_item">
                                <a href="javascript:;">产品套餐</a>
                            </li>
                            <li class="down_list_item">
                                <a href="javascript:;">服务列表</a>
                            </li>
                        </ul> -->
                    </li>
                    <li class="item">
                        <a href="javascript:;" class="nav_name" style="font-size: 20px;">我要发布</a>
                         <ul class="down_list">
                            <li class="down_list_item">
                                <a href="javascript:;" style="font-size: 16px;">发布比赛</a>
                            </li>
                            <li class="down_list_item">
                                <a href="javascript:;" style="font-size: 16px;">发布文章</a>
                            </li>
        
                        </ul>
                    </li>
                    
                    
                   
                    <!-- <li class="item">
                        <a href="javascript:;" class="nav_name">H5平台系统</a>
                    </li>
                    <li class="item">
                        <a href="javascript:;" class="nav_name">云服务器</a>
                    </li>
                    <li class="item">
                        <a href="javascript:;" class="nav_name">联系我们</a>
                    </li> -->
                </ul>
                <ul>
                    <li class="item active" style="text-align: right;padding-right: 70px;padding-top: 32px;">
                        <input style="padding-bottom: 10px;line-height: 18px;font-size: 14px; width: 155px;height: 18px; border: 1.5px solid gray;border-radius: 12px 0px 0px 12px;border-right: none;padding-top: 10px;" 
                        type="text" placeholder="搜索比赛">
                        <input style="margin: 0px 0px 0px -3px;padding-bottom: 10px;line-height: 26px;font-size: 14px; width: 60px;height: 42px; border: 1px solid;border-radius: 2px 12px 12px 2px;padding-top: 8px;color:white;background-color:black;"
                         type="button" value="搜索" placeholder="搜索比赛">
                    </li>
                </ul>
            </div>
        </div>
    <!--产品介绍-->
    <div class="pub_banner">
        <img src="images/prosuct/banner.png" alt="">
    </div>
    <div class="container">
        <div class="about_title">
            <h2>COURSE</h2>
        </div>
        <div class="product_tit">
            热门课程
        </div>
        <!--卖点展示-->
        <div class="selling_box">
            <ul class="selling_list clearfix">
                <li class="selling_item">
                    <div class="selling_pic">
                        <img src="images/prosuct/list1.png" alt="">
                        <span class="selling_icon"></span>
                        <a href="coursedetails.html" class="check_selling">
                            <i class="iconfont icon-11"></i>
                        </a>
                    </div>
                    <p>精品课程one</p>
                </li>
                <li class="selling_item">
                    <div class="selling_pic">
                        <img src="images/prosuct/list2.png" alt="">
                        <span class="selling_icon selling_icon2"></span>
                        <a href="#" class="check_selling">
                            <i class="iconfont icon-11"></i>
                        </a>
                    </div>
                    <p>混服外放系统</p>
                </li>
                <li class="selling_item">
                    <div class="selling_pic">
                        <img src="images/prosuct/list3.png" alt="">
                        <span class="selling_icon selling_icon3"></span>
                        <a href="#" class="check_selling">
                            <i class="iconfont icon-11"></i>
                        </a>
                    </div>
                    <p>公会推广系统</p>
                </li>
                <li class="selling_item">
                    <div class="selling_pic">
                        <img src="images/prosuct/list4.png" alt="">
                        <span class="selling_icon selling_icon4"></span>
                        <a href="#" class="check_selling">
                            <i class="iconfont icon-11"></i>
                        </a>
                    </div>
                    <p>欣辰H5平台系统</p>
                </li>
                <li class="selling_item">
                    <div class="selling_pic">
                        <img src="images/prosuct/list5.png" alt="">
                        <span class="selling_icon selling_icon5"></span>
                        <a href="#" class="check_selling">
                            <i class="iconfont icon-11"></i>
                        </a>
                    </div>
                    <p>欣辰棋牌系统</p>
                </li>
                <li class="selling_item">
                    <div class="selling_pic">
                        <img src="images/prosuct/list6.png" alt="">
                        <span class="selling_icon selling_icon6"></span>
                        <a href="#" class="check_selling">
                            <i class="iconfont icon-11"></i>
                        </a>
                    </div>
                    <p>欣辰游戏盒子</p>
                </li>
            </ul>
        </div>
    </div>
    <div class="product_moban">
        <div class="container">
            <div class="product_tit">
                官网模板一键更换
            </div>
            <p class="product_moban_text">215YX系统支持游戏官网自建系统 顶级豪华游戏模板一键自由选择；<br>
                右侧依次为 赤月传说2，君王之路，盗墓笔记游戏官网样板。 </p>

            <div class="moban_banner">
                <div class="swiper-container" id="moban">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide moban_item">
                            <img src="images/prosuct/banner2.png" alt="">
                        </div>
                        <div class="swiper-slide moban_item">
                            <img src="images/prosuct/banner2.png" alt="">
                        </div>
                        <div class="swiper-slide moban_item">
                            <img src="images/prosuct/banner2.png" alt="">
                        </div>

                    </div>
                    <div class="swiper-button-prev moban_prev"></div>
                    <div class="swiper-button-next moban_next"></div>
                </div>
            </div>
        </div>
    </div>

    <!--混服管理-->
    <div class="admin_mixture">
        <div class="container">
            <div class="product_tit">
                混服管理系统
            </div>
            <div class="admin_dec">
                <p>215YX混服系统包含充值统计、用户注册统计、充值提现、游戏开服管理 ，游戏接口连接、等功能。解决平台运营</p>
                <p>发展下线推广员和外放游戏遇到的一切问题，为平台运营又添一道 外宣保障！</p>
            </div>
            <div class="admin_icon_list">
                <span class="icon icon1"></span>
                <span class="icon icon2"></span>
                <span class="icon icon3"></span>
                <span class="icon icon4"></span>
                <span class="icon icon5"></span>
            </div>
            <div class="handle_btn">
                <a href="javascript:;">浏览详情</a>
                <a href="javascript:;">立即咨询</a>
            </div>
            <div class="admin_pic">
                <img src="images/prosuct/admin_bg.png" alt="">
            </div>
        </div>
    </div>
    <!--独立推广员-->
    <div class="admin_mixture extension">
        <div class="container">
            <div class="product_tit">
                独立推广员系统
            </div>
            <div class="admin_dec">
                <p>CPS推广系统方便平台站长与公会、推广员、媒体的合作游戏开服管理 ，游戏接口连接、等功能。独立的CPS后台，可以一</p>
                <p>键生成推广连接、玩家注册统计，充值统 计，账户提现让合作者快速推广宣传平台的游 戏，快速凝聚平台人气 </p>
            </div>
            <div class="handle_btn">
                <a href="javascript:;">浏览详情</a>
                <a href="javascript:;">立即咨询</a>
            </div>
            <div class="admin_pic">
                <img src="images/prosuct/admin_bg2.png" alt="">
            </div>
        </div>
    </div>
    <!--游戏盒子-->
    <div class="admin_mixture game_box">
        <div class="container">
            <div class="product_tit">
                游戏盒子
            </div>
            <div class="admin_dec">
                <p>客户端版的页游平台，玩家把盒子下载安装到电脑中，打开盒子便进入了游戏平台，相当于同事用机油多个游戏的微</p>
                <p>端，提高玩家游戏体验，游戏盒子将为你的平台带来强大的推广效果。</p>
            </div>
            <div class="admin_icon_list">
                <span class="icon icon6"></span>
                <span class="icon icon7"></span>
                <span class="icon icon8"></span>
                <span class="icon icon9"></span>
                <span class="icon icon10"></span>
            </div>
            <div class="handle_btn">
                <a href="javascript:;">浏览详情</a>
                <a href="javascript:;">立即咨询</a>
            </div>
        </div>
    </div>
    <!--H5联运系统-->
    <div class="admin_mixture H5">
        <div class="container">
            <div class="product_tit">
                独立推广员系统
            </div>
            <div class="admin_dec">
                <p>CPS推广系统方便平台站长与公会、推广员、媒体的合作游戏开服管理 ，游戏接口连接、等功能。独立的CPS后台，可以一</p>
                <p>键生成推广连接、玩家注册统计，充值统 计，账户提现让合作者快速推广宣传平台的游 戏，快速凝聚平台人气 </p>
            </div>
            <div class="admin_pic">
                <img src="images/prosuct/admin_bg4.png" alt="">
            </div>
            <div class="handle_btn">
                <a href="javascript:;">浏览详情</a>
                <a href="javascript:;">立即咨询</a>
            </div>

        </div>
    </div>
    <!--footer-->
    <div class="footer">
        <div class="container">
            <div class="footer_top clearfix">
                <dl class="footer_code left">
                    <dt>
                        <img src="images/code.png" alt="">
                    </dt>
                    <dd>
                        <a href="#"><i class="iconfont icon-xiaoxi"></i>在线咨询</a>
                    </dd>
                </dl>
                <dl class="other_line left">
                    <dt>商户中心</dt>
                    <dd>
                        <a href="#">购买申请</a>
                    </dd>
                    <dd>
                        <a href="#">产品验证</a>
                    </dd>
                    <dd>
                        <a href="#">合作流程</a>
                    </dd>
                </dl>
                <dl class="other_line left">
                    <dt>服务内容</dt>
                    <dd>
                        <a href="#">游戏代理</a>
                    </dd>
                    <dd>
                        <a href="#">游戏盒子</a>
                    </dd>
                    <dd>
                        <a href="#">H5平台系统</a>
                    </dd>
                </dl>
                <dl class="other_line left">
                    <dt>关于215</dt>
                    <dd>
                        <a href="#">企业介绍</a>
                    </dd>
                    <dd>
                        <a href="#">公司证件</a>
                    </dd>
                    <dd>
                        <a href="#">招聘信息</a>
                    </dd>
                </dl>
                <dl class="left footer_contact other_line">
                    <dt>联系方式</dt>
                    <dd>
                        <span class="contact_icon"><i class="iconfont icon-dingwei"></i></span>
                        XXX
                    </dd>
                    <dd>
                        <span class="contact_icon"><i class="iconfont icon-dianhua1"></i></span>
                        XXX
                    </dd>
                    <dd>
                        <span class="contact_icon"><i class="iconfont icon-youxiang"></i></span>
                        XXX
                    </dd>
                </dl>
            </div>
            <div class="footer_line">
                    <span>友情链接：</span>
                    <a href="#">百度一下</a> |<a href="#">优酷视频</a> |<a href="#">腾讯视频</a>
            </div>
            <div class="footer_ban">
                <div class="left footer_ban_l">
                    <a href="#">版权所有 © XXX   沪ICP备XXX号-19  </a>
                </div>
                <div class="right footer_ban_r">
                    <img src="images/footer_logo.png" alt=""> |
                    <img src="images/footer_jw.png" alt="">
                </div>
            </div>
        </div>
    </div>
    <!--浮层-->
    <div class="float_box">
        <div class="float_up">
            <p>TOP</p>
            <span><i class="iconfont icon-jiantou-up"></i></span>
        </div>
        <ul class="float_list">
            <li>
                <span><i class="iconfont icon-qq"></i></span>
                <div class="show_box">
                    <a href="javascript:;">立即咨询</a>
                </div>
            </li>
            <li>
                <span><i class="iconfont icon-dianhua"></i></span>
                <div class="show_box">
                    <p>XXX</p>
                </div>
            </li>
            <li>
                <span><i class="iconfont icon-weixin1"></i></span>
                <div class="show_box">
                    <img src="images/code2.png" alt="" class="code">
                    <p>扫一扫，关注哦~</p>
                </div>
            </li>
        </ul>
        <div class="float_down">
            <span><i class="iconfont icon-jiantou-down"></i></span>
        </div>
    </div>
</body>
</html>
<script src="js/jquery.js"></script>
<script src="lib/swiper/js/swiper.min.js"></script>
<script src="js/common.js"></script>
<script>

  $(function(){

      _indexFn._hover('.selling_list');//系统功能

      var swiper = new Swiper('.swiper-container', {
          effect: 'coverflow',
          prevButton:'.swiper-button-prev',
          nextButton:'.swiper-button-next',
          grabCursor: true,
          centeredSlides: false,
          slidesPerView: 'auto',
          coverflow: {
              rotate: 30,
              stretch: 0,
              depth: 300,
              modifier: 1,
              slideShadows : true
          }
      });



  });



</script>